import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import Num from './num'
import Sru from './shuru'

const App = () => {
  const [modal1Open, setModal1Open] = useState(false);
  // const [modal2Open, setModal2Open] = useState(false);
  return (
    <>
      <Button type="primary" onClick={() => setModal1Open(true)}>
      +奖惩补录
      </Button>
      <Modal
        
        style={{
          top: 20,
        }}
        open={modal1Open}
        onOk={() => setModal1Open(false)}
        onCancel={() => setModal1Open(false)}
      >
        <div className='tan_e'>
          <h3>信息补录</h3>

          <div className='tan-q'>
            <span>金额<Num/>元</span>

          </div>

          <div>
            <h3>奖惩补贴信息</h3>
            <Sru/>
          </div>
          

        </div>
      </Modal>
      
    </>
  );
};
export default App;